<template>
    <div class="index-header-container">
        <div class="left">
            <SelectCity></SelectCity>
        </div>
        <div class="right">
            <Search @onhandleSearch="getSearch" @onhandleClear="getClear" :listType="listType"></Search>
        </div>
        <div @click="handleClickAsk">
            <IconFont name="ask" color="#5232B7"></IconFont>
        </div>
    </div>
</template>
<script setup>
import SelectCity from '../../../../component/select-city/index'
import Search from '../../../../component/search/index.vue'
import { IconFont } from '@nutui/icons-vue-taro';
import Taro, { useDidShow } from '@tarojs/taro';
import { toRefs } from 'vue'
const props = defineProps({
    listType: Number
})
const { listType } = toRefs(props)
const emit = defineEmits(["onHeaderBySearch", "onHeaderByClear"])
const getSearch = (e) => {
    emit("onHeaderBySearch", e)
}
const getClear = () => {
    emit("onHeaderByClear")
}
const handleClickAsk = () => {
    Taro.navigateTo({
        url: "/pages/feed-back/index"
    })
}
</script>
<style lang="scss">
.index-header-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 25px;
    background-color: #fff;
    border-bottom: 1px solid #f7f8f9;

    .left {
        flex: 2;
    }

    .right {
        flex: 6;
    }
}
</style>